<template>
      <h1>创建商机信息</h1>
      <h3>基本信息</h3>
    <hr>
    <el-form :model="form" label-width="120px">
    
    <el-form-item label="机构名称">
      <el-input v-model="form.name" />
    </el-form-item>
    <el-form-item label="机构地址">
      <el-input v-model="form.name" />
    </el-form-item>
    <el-form-item label="联系人">
      <el-input v-model="form.name" />
    </el-form-item>
     <el-form-item label="手机">
      <el-input v-model="form.name" />
    </el-form-item>
      <el-form-item label="电话">
      <el-input v-model="form.name" />
    </el-form-item>

     

    <!-- 国家 -->
   
    <el-form-item label="国家">
      <el-select v-model="form.region" placeholder="please select your zone">
        <el-option label="Zone one" value="中国" />
        <el-option label="Zone two" value="海外" />
      </el-select>
    </el-form-item>
    <el-form-item label="省份">
      <el-select v-model="form.region" placeholder="please select your zone">
        <el-option label="Zone one" value="中国" />
        <el-option label="Zone two" value="海外" />
      </el-select>
    </el-form-item>
     <el-form-item label="市名">
      <el-select v-model="form.region" placeholder="please select your zone">
        <el-option label="Zone one" value="中国" />
        <el-option label="Zone two" value="海外" />
      </el-select>
    </el-form-item>
    
     <el-form-item label="邮编">
      <el-input v-model="form.name" />
    </el-form-item>
    <el-form-item label="网站">
      <el-input v-model="form.name" />
    </el-form-item>
     <el-form-item label="机构级别">
      <el-select v-model="form.region" placeholder="please select your zone">
        <el-option label="Zone one" value="党政" />
        <el-option label="Zone two" value="企业" />
        <el-option label="Zone two" value="学校" />
        <el-option label="Zone two" value="政府" />
        <el-option label="Zone two" value="其他" />
      </el-select>
    </el-form-item>
    <el-form-item label="行业类别">
      <el-select v-model="form.region" placeholder="please select your zone">
        <el-option label="Zone one" value="党政军企" />
        <el-option label="Zone two" value="高职高专" />
        <el-option label="Zone two" value="211学校" />
        <el-option label="Zone two" value="民办独立" />
      </el-select>
    </el-form-item>
    <el-form-item label="重要级别">
      <el-select v-model="form.region" placeholder="please select your zone">
        <el-option label="Zone one" value="一般" />
        <el-option label="Zone two" value="重要" />
        <el-option label="Zone two" value="很重要" />
        <el-option label="Zone two" value="非常重要" />
      </el-select>
    </el-form-item>
      <el-form-item label="单位等级">
      <el-select v-model="form.region" placeholder="please select your zone">
        <el-option label="Zone one" value="一级" />
        <el-option label="Zone two" value="二级" />
        <el-option label="Zone two" value="三级" />
        <el-option label="Zone two" value="四级" />
      </el-select>
    </el-form-item>
     <el-form-item label="区域等级">
      <el-select v-model="form.region" placeholder="please select your zone">
        <el-option label="Zone one" value="省级" />
        <el-option label="Zone two" value="市级" />
        <el-option label="Zone two" value="区级" />
        <el-option label="Zone two" value="县级" />
      </el-select>
    </el-form-item>
    <!-- 其他信息 -->
      <h3>其他信息</h3>
      <hr>
 <el-form-item label="经办人">
      <el-input v-model="form.name" />
    </el-form-item>
    <el-form-item label="年费">
      <el-input v-model="form.name" />万
    </el-form-item>
     <el-form-item label="电子资源经费">
      <el-input v-model="form.name" />万
    </el-form-item>


    <el-form-item label="采购时间">
      <el-col :span="11">
        <el-date-picker
          v-model="form.date1"
          type="date"
          placeholder="Pick a date"
          style="width: 100%"
        />
      </el-col>
      <!-- <el-col :span="2" class="text-center">
        <span class="text-gray-500">-</span>
      </el-col> -->
      <!-- <el-col :span="11">
        <el-time-picker
          v-model="form.date2"
          placeholder="Pick a time"
          style="width: 100%"
        />
      </el-col> -->
 <el-form-item label="采购级别">
      <el-select v-model="form.region" placeholder="please select your zone">
        <el-option label="Zone one" value="不确定" />
        <el-option label="Zone two" value="重要" />
        <el-option label="Zone two" value="一般" />
        <el-option label="Zone two" value="跟进" />
      </el-select>
    </el-form-item>
     <el-form-item label="采购方式">
      <el-select v-model="form.region" placeholder="please select your zone">
        <el-option label="Zone one" value="不确定" />
        <el-option label="Zone two" value="单独采购" />
        <el-option label="Zone two" value="联合采购" />
      </el-select>
    </el-form-item>
     <el-form-item label="采购途径">
      <el-select v-model="form.region" placeholder="please select your zone">
        <el-option label="Zone one" value="不确定" />
        <el-option label="Zone two" value="直接采购" />
        <el-option label="Zone two" value="招标采购" />
        <el-option label="Zone two" value="代理采购" />
      </el-select>
    </el-form-item>

     <el-form-item label="分配情况">
      <el-select v-model="form.region" placeholder="please select your zone">
        <el-option label="Zone one" value="未分配" />
        <el-option label="Zone two" value="已分配" /> 
      </el-select>
    </el-form-item>
    <el-form-item label="审核状态">
      <el-select v-model="form.region" placeholder="please select your zone">
        <el-option label="Zone one" value="未审核" />
         <el-option label="Zone one" value="审核中" />
        <el-option label="Zone two" value="已审核" /> 
      </el-select>
    </el-form-item>

     <el-form-item label="跟进状态">
      <el-select v-model="form.region" placeholder="please select your zone">
        <el-option label="Zone one" value="初防" />
         <el-option label="Zone one" value="意向" />
        <el-option label="Zone two" value="潜在" /> 
         <el-option label="Zone one" value="报价" />
         <el-option label="Zone one" value="成交" />
        <el-option label="Zone two" value="暂时搁置" /> 
      </el-select>
    </el-form-item>

    


    </el-form-item>
    <el-form-item label="是否禁用">
      <el-switch v-model="form.delivery" />
    </el-form-item>

    <!-- <el-form-item label="Activity type">
      <el-checkbox-group v-model="form.type">
        <el-checkbox label="Online activities" name="type" />
        <el-checkbox label="Promotion activities" name="type" />
        <el-checkbox label="Offline activities" name="type" />
        <el-checkbox label="Simple brand exposure" name="type" />
      </el-checkbox-group>
    </el-form-item> -->
    <el-form-item label="商机提醒">
      <el-radio-group v-model="form.resource">
        <el-radio label="是" />
        <el-radio label="否" />
      </el-radio-group>
    </el-form-item>
    <el-form-item label="备注信息">
      <el-input v-model="form.desc" type="textarea" />
    </el-form-item>

    <el-form-item label="添加标签">
      <el-input v-model="form.name" /> <span>+</span>
    </el-form-item>

    <el-form-item>
      <el-button type="primary" @click="onSubmit">确定</el-button>
      <el-button>取消</el-button>
    </el-form-item>
  </el-form>
</template>

<script lang='ts' setup>
import { reactive } from 'vue'

// do not use same name with ref
const form = reactive({
  name: '',
  region: '',
  date1: '',
  date2: '',
  delivery: false,
  type: [],
  resource: '',
  desc: '',
})

const onSubmit = () => {
  console.log('submit!')
}
</script>

<style>

</style>